@charset "utf-8";
$color:#0078d7;
$font_color:#2a2a2a;
$font_size:14px;
.container-fluid {
    .header {
        padding: 0;
        background: #222;
        nav {
            border: none;
            background: none;
            .nav-brand {
                
            }
        }
    }
    .engine{
        padding: 104px 0 142px 0;
        background: url(../img/index_img/index_bg.jpg) no-repeat right 221px top 138px #fbfaf7;
        .engine_title{
            font-size: 48px;
            color: #0078d7;
            font-weight: bold;
            line-height: 86px;
        }
        .engine_fater_title{
            font-size: 30px;
            color: #666;
            line-height: 105px;
        }
        .engine_img{
            width: 64px;
            height: 64px;
            line-height: 64px;
            background: $color;
            border-radius:4px ;
            text-align: center;
        }
        .engine_text{
            h3{
                font-size: 20px;
                color: #333;
                font-weight: normal;
                margin: 0;
            }
            p{
                font-size: 14px;
                color: #666;
                line-height: 25px;
            }
        }
    }
    .advantage{
        padding: 114px 0 105px;
        background:url(../img/index_img/index_bg02.jpg) no-repeat left 169px top 189px;
        .advantage_img{
            width: 54px;
            height: 54px;
            border-radius: 50%;
            line-height: 54px;
            text-align: center;
            background: #8fc31f;
        }
        .advantege_margin_b{
            margin-bottom: 15px;
        }
        .advantage_title{
            font-size: 48px;
            color: #8fc31f;
            padding-bottom: 40px;
            margin: 0;
        }
        .advantege_text{
            font-size: 14px;
            color: #666;
            line-height: 54px;
            margin: 0;
        }
    }
    .footer{
        background: #3b3b3b;
        padding-top: 35px;
        padding-bottom: 38px;
        .footer_left_text{
            font-size: 14px;                    
            margin-bottom: 12px;
            a{
                color:#a1a3ab;
            }
            span{
                 padding-right: 14px;
            }
        }
        .footer_ps{
            font-size: 11px;
            color: #a1a3ab;
            
        }
        .footer_buttom_right{
            ul{
                li{
                    position: relative;
                    float: left;
                    margin-right: 20px;
                    .whachat{
                        position: absolute;
                        top:-152px;
                        left:-49px;
                        display: none;
                    }
                    &:hover>.whachat{
                    display: block;
                    
                    }
                }                              
            }
        }
    }
    .family{ 
        color: #fff;
        background: $color;
        padding:146px 0 112px;
        .family_title{
            font-size: 48.5px;
            padding-bottom: 85px;
           
        }
        .family_img{
            
        }
        .family_text{
            padding-left: 62px;
            .family_tow_title{
                font-size: 33px;
            } 
            p{
                font-size: 14px;
                color: #fffefe;
                padding-right:86px;
                text-align: justify;
                line-height: 30px;
            }
        }
        .family_margin_bottom{
            margin-bottom: 78px;
           
        }
    }
    .game{
        padding: 85px 0 50px;
        .game_more{
            margin: 0;
            color: #2a2a2a;
            margin-bottom: 45px;
            .game_text{
                font-size: 34px;
            }
            a{
                color: #2a2a2a;
            }
        }
        .game_photo{
            margin: 0;
            .game_video{
                margin-bottom: 20px;
            }
            .game_mogame{
                ul{
                    li{                       
                        border-radius: 5px;
                        text-align: center;
//                      margin-right: 33px;
                        margin-bottom: 20px;
                        float: left;
                        .game_img{
                            width: 100%;
//                          width: 67px;
//                          margin: auto; 
                            img{
                                height: 100%;
//                              width: 100%;
//                              vertical-align: middle;
                            }
                        }
                        a{
                            width: 100%;
                            display: block;
                        }
                        
                    }
                }
                p{
                    font-size: 14px;
                    color: #2a2a2a;
                }
            }
        }
    }
    .friends{
        background:#f4f4f4 ;
        padding: 38px 0 40px;
        .friends_top{
            margin-bottom: 35px;
            .friends_title{
                font-size: 30px;
                color: #2a2a2a;
            }
            .friends_text{
                color: #777;
                font-size: 11px;
            }
        }
        .friends_img{
            ul{
                li{
                    float: left;
                    margin-bottom: 18px; 
                }
            }
        }
    }
    //关于我们css
    .company{
        padding: 92px 0 68px;
        color: $font_color;
        padding-left: 10px;
        .company_title{
            h3{
                font-size: 36px;
                margin-bottom: 32px; 
                font-weight: normal; 
            }
                    
        }
        .company_title_two{
            font-size: 21px;
            margin-bottom: 34px;
        }
        .company_text{
            p{
                font-size: 14px;              
                text-indent: 2em;
                line-height: 30px;
                padding-bottom: 26px;
                text-align: justify;
            }
           
        }
        .company_img{
            img{
                width: 100%;
            }
            
        }
    }
    /*人才招聘 css*/
    .personnel{
        background:#8cc11f;
        color: #fff;
        padding: 114px 0 80px;
        .personnel_title{
            font-size: 36px;
            margin-bottom: 60px;
        }
        .personnel_text{
            .personnel_margin_bottom{
                padding-bottom: 24px;
            }
            p{
                font-size: 16px;
                line-height: 30px;
            }
            .personnel_email{
                display: inline-block;
                background: #fff;
                font-size: 24px;
                color: #8cc11f;
                margin-top: 14px;
                margin-bottom: 14px;
                padding: 14px 9px 14px;
                border-radius: 5px;
            }
        }
    }
    .post{
        padding: 122px 0 116px;
        .post_title{
            font-size: 26px;
            color: #8cc11f;
            margin-bottom: 42px;
        }
        .zhiwei{
            margin: 0;
        }
        .psot_title_tow{
            font-size: 18px;
            color: $font_color;
            line-height: 30px;
            width: 100%;
        }
        .post_minute{
            padding-left: 22px;
            p{
                line-height: 35px;
                font-size: 14px;
                text-align: justify;
            }
        }
        .post_line{
            height: 1px;
            width: 100%;
            background:#d2d2d2 ;
            margin-top: 65px;
            margin-bottom: 70px;
        }
    }
    .relation{
        background: #f4f4f4;
        padding: 45px 0 65px;
        .relation_title{
            font-size: 36px;
            color: $font_color;
            margin-bottom: 40px;
           
        }
        .relation_nei{
            padding: 0;
        }
        .relation_text{
            background: #fff;
            padding: 10px;
            border-radius: 5px;
            margin-bottom: 22px;
            margin-right: 30px;
            .relation_img{
                display: table-cell;
                vertical-align: top;
                p{
                    display: inline-block;
                    padding-left: 5px;
                    font-size: 16px;
                }
            }
        }
    }
    /*laya家族 css*/
    .layaflash{
        color: #fff;
        background: #8bc01f;
        padding: 60px 0 60px ;
        .laya_title{
            font-size: 48px;           
            .first_flash{
                background: #fff;
                color: #8bc01f;
                padding:8px 26px;
                border-radius: 3px;
                display: inline-block;
                margin-right: 8px;
            }
        }
        .flash_padding_left{
            padding-left: 15px;
        }
        .laya_flash_title_two{
            font-size: 24px;
            margin-bottom: 68px;
            margin-top: 26px;
        }
        p{
            margin-bottom: 30px;
            font-size: 14px;
        }
        .flash_dolwn{
            display: inline-block;
            background:#e8f2d2;
            padding:10px 22px;
            border-radius: 5px;
            a{
                color:#8bc01f;
            }
        }
    }
    .layaplayer{
        color:#fff;
        background: #3393df;
        padding: 72px 0 60px;
        .layaplayer_title{
            font-size: 48px;            
            .first_flash{
                color:#3393df;
                font-size:40px ;
                background:#fff ;
                padding: 6px 12px;
                border-radius: 5px;
                margin-right: 8px;
            }
        }
        .layaplayer_padding_top{
            padding-top: 84px;
            h3{
                font-size: 24px;
                padding-bottom: 18px;
            }
            p{
                font-size: 14px; 
                line-height: 30px;
                padding-bottom: 30px;
            }
        }
        .layaplayer_img_right{
            padding-top: 228px;
        }        
    }
    .layaopen{
        padding: 90px 0 80px;
        .layaopen_title{
            font-size: 42px;
            color: #3393df;
            margin-bottom: 24px;
            .first_flash{
                font-size: 36px;
                color: #fff;
                background: #3393df;
                padding:7px 10px;
                margin-right: 5px;
            }
            h4{
                font-size: 18px;
                color: #5d5d5d;
                padding-bottom: 34px;
                line-height: 18px;
            }
            
        }
        .layaopen_title_two{ 
                font-size: 18px;
                color: #3393df;
                margin-top: 36px;
                margin-bottom:10px ;
        }
        p{
            font-size: 14px;
            color: #5d5d5d;
            height: 44px;
            line-height: 24px;            
            text-indent: 2em;
            word-break: break-all;
            text-overflow: ellipsis;
            display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
            -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
            -webkit-line-clamp: 2; /** 显示的行数 **/
            overflow: hidden;  /** 隐藏超出的内容 **/
            
        }
        .layaopen_img{
            text-align: center;
            margin-top: 40px;
        }
    }
    .LayaStore{
        background: #f7f7f7;
    }
    /*新闻动态css*/
   .news_top{
       padding: 40px 0 27px;
       .news_title{
           font-size: 30px;
           color: #ff6b08;
           margin-bottom: 40px;
       }
       .news_img{
           position: relative;
           margin-bottom: 88px;
           img{
               width: 100%;
           }
           .new_mask{
               position: absolute;
               background: rgba(0,0,0,.4);
               color: #fff;
               width: 100%;
               bottom: 0;
               left: 0;
               text-align: center;
               padding:14px 0 14px 0;
           }
       }
   }
   .news_details{
       .news_details_img{
          width: 250px;
          padding: 3px;
          border: 1px solid #dddddd; 
          background: #fefefb;
          margin-bottom: 20px;
          img{
              width: 100%;
              height: 100%;
          }
       }
       
       .news_title_tow{
           font-size: 18px;
       }
       .news_check{
           color:#ff6900 ;
       }
       .news_date{
           font-size: 14px;
           color: $font_color;
           padding-top: 16px;
           padding-bottom:22px;
       }
       p{
           font-size: 14px;
           color: $font_color;
           line-height: 24px;
           text-align: justify;
       }
       .check{
           float: right;
           border: 1px solid #ff6900;
           padding: 8px 20px 10px 18px;
           border-radius: 20px;
           
           a{
               display: block;
               color: #ff6900;
           }
       }
       .news_check_on{
           
           background: #ff6900;
           a{
               display: block;
               color:#fff ;
           }
       } 
       .news_details_more{
           margin-bottom:60px;
       }      
   }
   .news_line{
       border-top: 1px dashed #d4d4d4;
       width: 80%;
       margin: auto;
       margin-top: 30px;
       padding-bottom: 35px;
   }
   .news_choose{
       margin-bottom: 25px;
       .news_page{        
           .curreent_on{
                background: #e34637;
                padding: 7px 12px 12px 12px;
                a{
                     
                     color: #fff;        
                }                             
            }                       
           ul{
               li{
                   float: left;
                   border:1px solid #dddddd;
//                 padding: 7px 12px 12px 12px ;
                   margin: auto;
                   a{
                       padding: 7px 12px 12px 12px;
                       display: inline-block;
                       text-decoration: none;
                       color: $font_color;
                       &:hover{
                            background: #D4D4D4;
                       }
                   }
                   
                   
               }
           }
        }
   }
   /*游戏css*/
    .hot{
        padding-bottom: 86px;
        .hot_margin_bottom{
            margin-bottom: 58px;
        }
        .hot_img{
            width: 100%;
            img{
                height: 100%;
            }
            
        }
        .hot_text_left{
            text-align: left;
            h3{
                    padding-top: 30px;
                    font-size: 30px;
                    color: $font_color;
                }
                p{
                    font-size: 12px;
                    color: #898989;
                    line-height:30px;
                }
        }
        .hot_text{
                text-align: right;
                h3{
                    padding-top: 30px;
                    font-size: 30px;
                    color: $font_color;
                }
                p{
                    font-size: 12px;
                    color: #898989;
                    line-height:30px;
                }
        }
        .hot_dongimg{
            .hot_put_img{
                overflow: hidden;
                position: relative;
                width: 100%;
                margin-top: 30px;
                img{
                    height: 100%;
                }
                .hot_mask{ 
                    display: none;  
                    padding:14px 12px;                 
                    font-size: 12px;
                    color: #fff;
                    background: rgba(0,0,0,.4);
                    position: absolute;
                    left: 0;
                    top: -100%;
                    width: 100%;
                    height: 100%;
                }
                &:hover>.hot_mask{
                    display: block;
                    top: 0;
                }                                             
            }
             p{
                text-align: center;
                padding-top: 12px;
                font-size: 14px;
                a{
                    color: $font_color;
                }
             }
            .hot_more_title{
                font-size: 36px;
                color: $font_color;
            }
        }
        
    }
    
}

@media screen and (min-width:768px) and (max-width:1185px) {
    .container-fluid {
        .header {
            nav {
                .navbar-nav a {
                    padding: 15px 5px;
                    
                }
            }
        }
    }
}
@media screen and (max-width:1264px) { 
    .container-fluid{
        .engine{
            background: none;
            background: #fbfaf7;
        }
    }
}
@media screen and (max-width:768px) { 
    .container-fluid{
        .engine_title,.engine_fater_title{
           text-align: center;
        }
    }
}
@media screen and (max-width:984px) { 
    .container-fluid{
        .engine_text,.engine_img{
           margin-bottom:15px;
        }
    }
}
@media screen and (max-width:992px) { 
    .container-fluid{
        .engine_text,.engine_img{
           margin-bottom:20px;
        }
    }
}
@media screen and (max-width:390px) { 
    .container-fluid{
        .engine_text{
          padding-left:50px;
        }
    }
}
@media screen and (min-width:768px) and (max-width:992px) {
    .container-fluid {
        .advantege_text {
            line-height: 0px;
        }
    }
}
@media screen and (max-width:768px) { 
    .container-fluid{
        .footer_img{
           display: none;
        }
    }
}
@media screen and (min-width:620px) and (max-width:991px) { 
    .container-fluid{
        .advantage{
            background: none;
            background:url(../img/index_img/index_bg02.jpg) no-repeat right 50px top 250px;
        }
    }
}
@media screen and (max-width:700px) { 
    .container-fluid{
        .advantage{
            background: none;
        }
        .advantage_title{
            text-align: center;
            font-size: 32px;
        }
        .advantege_text{
            padding-left: 50px;
            p{
                line-height: 25px;
            }
        }
    }
}

@media screen and (max-width:768px) { 
    .container-fluid{
        .family_img{
           padding: none;
        }
    }
}

@media screen and (max-width:768px) { 
    .container-fluid{
        .friends_top{
           text-align: center;
        }
    }
}
@media screen and (max-width:500px) { 
    .container-fluid{
        .friends_img{
           img{
               display: block;
           }
        }
    }
}
@media screen and (max-width:396px) { 
    .container-fluid{
        .game_center{
           text-align: center;
        }
    }
}
@media screen and (max-width:767px) { 
    .container-fluid{
        .personnel{
           text-align: center;
        }
    }
}
@media screen and (max-width:222px) { 
    .container-fluid{
        .personnel{
             .personnel_text {
                 .personnel_email{
            display: inline-block;
            background: #fff;
            font-size: 12px;
            color: #8cc11f;
            margin-top: 14px;
            margin-bottom: 14px;
            padding: 5px 9px 5px;
            border-radius: 5px;
        }
             }
        }
        
    }
}
@media screen and (max-width:992px) { 
    .container-fluid{
        .post_engine{
           padding-left: 15px;
           padding-right: 15px;
        }
        .post_title{
            text-align: center;
        }
    }
}
@media screen and (max-width:768px) { 
    .container-fluid{       
        .relation{
            .relation_text{
                text-align: center;
                margin-left: 10px;
                margin-right: 15px;
            }
            .relation_title{
                text-align: center;
            }
           
        }
    }
}
@media screen and (min-width:768px) and (max-width:856px){ 
    .container-fluid{
        .relation{
            .relation_text{
                span{
                    font-size: 10px;
                    line-height: 0;
                }
            }
        }
    }
}
@media screen and (min-width:992px) and (max-width:1028px){ 
    .container-fluid{
        .relation{
            .relation_text{
                span{
                    font-size: 10px;
                }
            }
        }
    }
}
@media screen and (max-width:768px) { 
    .container-fluid{       
        .layaopen{
            .layaopen_title{
                text-align: center;             
            }
            p{
                display: block;          
            }          
        }
    }
}
@media screen and (min-width:768px) and (max-width:1280px){ 
    .container-fluid{
        .news_details{
            .news_text{
                padding-left: 100px;
            }
        }
    }
}
@media screen and (max-width:768px){ 
    .container-fluid{
        .news_details{
            .news_details_img{
                margin: auto;
                margin-bottom: 20px;
            }
            .check{
                margin-top: 20px;
                float: none;
                text-align: center;
            }
        }
    }
}
@media screen and (max-width:446px){ 
    .container-fluid{
        .news_choose{
            margin-left: -80px;
            li{
                padding: 0;
            } 
            .news_page{
                text-align: left;
            }
            .news_none{
                display: none;
            }           
        }
    }
}